/*
    @2018-01-30
*/

/*
    全局公共样式
*/

    html,body,#app{
        height:100%;
        background: #f5f7f9;
        box-sizing: border-box;
    }
    *{
        margin:0;
        padding:0;
    }
    a{
        text-decoration: none;
        color:#303133;
    }
    [v-cloak]{
        display: none;
    }
    .clearfix:before,
    .clearfix:after {
        content: "";
        display: table;
    }

    .clearfix:after {
        clear: both;
        overflow: hidden;
    }
    .fl{
        float:left;
    }
    .fr{
        float:right;
    }
    /*统一滚动条样式*/
    /*滚动条垂直方向的宽度*/
    ::-webkit-scrollbar
    {
        width: 3px;
    }
    /* 垂直滚动条的滑动块 */
    ::-webkit-scrollbar-thumb:vertical {
        border-radius: 4px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color:rgba(210,210,210,0.5);
    }
    /*颜色统一*/
    .red{
        color:#f00;
    }
    .sblack{
        color:#303133;
    }
    .gray{
        color:#a0a0a0;
    }
    .marR-30{
        margin-right: 30px;
    }
    /*字体统一*/
    .table-link{
        color:#409EFF;
    }
    /*字号统一*/
    .font12{
        font-size:12px;
    }
    .font22{
        font-size:22px;
    }
    .large-font{
        font-size:36px;
    }
    /*公共遮罩样式*/
    #mask{
        position: fixed;
        top:0;
        left:0;
        height:100%;
        width: 100%;
        background:rgba(0,0,0,0.8);
        z-index:9999;
    }
    /*公共头部样式 START */
    .el-header{
        background: #545c64;
        box-shadow: 0 1px 1px rgba(0,0,0,.1);
    }
    .layout-logo{
        float: left;
        position: relative;
        top: 12px;
        left: 20px;
    }
    .layout-nav{
        width: 420px;
        margin: 0 auto;
        margin-right: 20px;
    }
    .user_msg{
        height:60px;
        line-height: 60px;
        color:#fff;
    }
    .user_msg a{
        margin-left:15px;
    }
    .head-nav{
        height: 100%;
        float:left;
        margin-left:150px;
    }
    .head-nav a{
        color:#fff;
        line-height: 55px;
        margin:0;
        display: inline-block;
        height:100%;
        padding:0 20px;
    }
    .head-nav a.active,.head-nav a:hover{
        background-color: #697077;
    }
    /*公共头部样式 END*/


    /*公共侧边栏样式 START*/
    .el-aside{
        overflow:visible;
    }
    .el-menu.el-menu--collapse{
        height:100%;
    }
    .el-submenu__title [class^=el-icon-]{
        color:#303133;
        padding:0 10px;
    }
    .el-submenu__title a{
        display: block;
        height: 100%;
    }
    .el-menu.el-menu--collapse{
        width:100%;
    }
    .el-menu--collapse>.el-submenu>.el-submenu__title .el-submenu__icon-arrow{
       display: block;
    }
    .third-level .el-menu{
       max-height:575px;
       overflow:auto;
    }
    .third-level .el-menu .el-menu-item{
        padding:0;
    }
    /*公共侧边栏样式 END*/

    /*公共主内容容器样式 START*/
    .main-card{
        height:100%;
        box-sizing: border-box;
    }
    .main-card .el-card__body{
        height:calc(100% - 88px);
        overflow-y:scroll;
    }
    /*公共footer样式 START*/
    .el-footer p{
        font-size: 12px;
        text-align: center;
        line-height: 60px;
    }
    .input-row{
         font-size:14px;
         margin:1.5em 0;
         color:#4d4d4d;
    }
    .input-title{
       
        margin-right:10px;
    }

    .inline-input{
        display: inline-block;
        width:200px;
    }
    .el-pagination{
        text-align: right;
        margin:10px 0;
    }
    .table-wrap{
        height:calc(100% - 150px);
        overflow:scroll;
    }
    
    